<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
	<!-- 基本表单 -->
	<form role="form">
		<div class="form-group">
			<label>email</label>
			<input type="email" class="form-control" placeholder="Enter Email">
		</div>
		<div class="form-group">
			<label>password</label>
			<input type="password" class="form-control" placeholder="Enter password">
		</div>
		<div class="form-group">
			<label>选择文件</label>
			<input type="file">
			<p class="help-block">选择你需要的文件</p>
		</div>
	</form>

		<!-- 内联表单 -->
	<form role="form" class="form-inline">
		<div class="form-group">
			<!-- 使用sr-only可以将label隐藏，但是在bootstrap里表单是必须要有label标签的 -->
			<label class="sr-only">email</label>
			<input type="email" class="form-control" placeholder="Enter Email">
		</div>
		<div class="form-group">
			<label class="sr-only">password</label>
			<input type="password" class="form-control" placeholder="Enter password">
		</div>
		<div class="form-group">
			<label class="sr-only">选择文件</label>
			<input type="file">
			<p class="help-block">选择你需要的文件</p>
		</div>
	</form>

	<!-- 水平排列表单 -->
	<form role="form" class="form-horizontal">
		<div class="form-group">
			<!-- 使用sr-only可以将label隐藏，但是在bootstrap里表单是必须要有label标签的 -->
			<label class="col-sm-2 control-label">email</label>
			<div class="col-sm-10">
				<input type="email" placeholder="Enter Email">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label">password</label>
			<div class="col-sm-10">
				<input type="password" placeholder="Enter password">
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<div class="checkbox">
					<label>
						<input type="checkbox">记住密码
					</label>
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<div class="button">
					<label>
						<input type="button" class="btn btn-default" value="登陆">
					</label>
				</div>
			</div>
		</div>


	</form>	
</body>
</html>